<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>OFX Global</title>
    <meta name="keywords" content="OFX "/>
    <meta name="description" content="OFX"/>
    <link rel="stylesheet" href="/css/country_style.css" type="text/css"/>

    <?php include('scripts.php'); date_default_timezone_set('America/New_York'); ?>
    <!--this is drop down menu -->
    <script type="text/javascript" src="/js/hoverIntent.js"></script>
    <script type="text/javascript" src="/js/superfish.js"></script>
    <script>
        $(function() {
            /*$('BODY').bgStretcher({
                images: ['/images/background/main-bg-011.jpg', '/images/background/main-bg-022.jpg', '/images/background/main-bg-031.jpg', '/images/background/main-bg-041.jpg'],
                imageWidth: 1024,
                imageHeight: 768,
                slideDirection: 'N',
                slideShowSpeed: 3500,
                transitionEffect: 'fade',
                anchoring: 'left center',
                anchoringImg: 'left center'
            });*/
            $("#dragID").draggable({
               stop: function(event, ui) {
                    console.log($(this).css("top"));
                    console.log($(this).css("left"));
               }
            });
        });
    </script>

    <style type="text/css">
        .loginMap {
            background: url("/images/map-world.gif") no-repeat scroll left bottom transparent;
            height: 480px;
            position: relative;
            margin: 0 auto 50px;
            width: 1000px;
        }

        .wrapp_v2 {
            background: none repeat scroll 0 0 #FFFFFF;
            margin: 0 auto;
            padding: 0 10px;
            position: relative;
            width: 1000px;
        }

        #logoBox {
            height: 77px;
            position: relative;
            width: 980px;
            z-index: 20;
        }

        #globalnav {
            padding-top: 300px;
            position: relative;
            width: 700px;
        }

        #countryboxcontain {
            width: 400px;
        }

        .countrybox {
            background: none repeat scroll 0 0 white;
            float: left;
            margin-top: 40px;
            margin-left: 60px;
            margin-bottom: 10px;
        }

        #countryselect {
            font-family: 'Neo Sans W01 Light';
            float: left;
            font-size: 16px;
            margin: 10px 0 20px 20px;
        }

        #footer {
            background: none repeat scroll 0 0 #FFFFFF;
            clear: both;
            margin: 15px 0;
        }

        ul li {
            list-style: none outside none;
            padding-bottom: 20px;
        }

        a {
            color: #333333;
            font-weight: bold;
        }
    </style>

</head>

<body style="position: relative; min-height: 100%; top: 0px;">

<div class="wrapp_v2">
    <div id="logoBox"><a href="/main/index"><img style="height:100px" src="/images/logo.jpg"></a></div>
    <div class="loginMap">
        <div id="globalnav">
            <!-- <h1>Your global MT4 Forex broker</h1> -->
            <div id="countryboxcontain">
                <div class="countrybox">
                    <ul>
                        <li id="China"><img alt="China" src="/images/flag/china.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://cn.ofxltd.com">China</a>
                        </li>
                        <li id="Hong_Kong"><img alt="Hong Kong" src="/images/flag/hong_kong.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://au.ofxltd.com">Hong Kong</a>
                        </li>
                        <li id="India"><img alt="India" src="/images/flag/india.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://ph.ofxltd.com">India</a>
                        </li>
                        <li id="Indonesia"><img alt="Indonesia" src="/images/flag/indonesia.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://id.ofxltd.com">Indonesia</a>
                        </li>
                        <li id="Japan"><img alt="Japan" src="/images/flag/japan.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://th.ofxltd.com">Japan</a>
                        </li>
                    </ul>
                </div>
                <div class="countrybox">
                    <ul>
                        <li id="Korea"><img alt="Korea" src="/images/flag/korea.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://sg.ofxltd.com">Korea</a>
                        </li>
                        <li id="Malaysia"><img alt="Malaysia" src="/images/flag/malaysia.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://my.ofxltd.com">Malaysia</a>
                        </li>
                        <li id="United_Kingdom"><img alt="United Kingdom" src="/images/flag/united_kingdom.png"
                                                     height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://nz.ofxltd.com">United Kingdom</a>
                        </li>
                        <li id="Vietnam"><img alt="Vietnam" src="/images/flag/vietnam.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://vn.ofxltd.com">Vietnam</a>
                        </li>
                        <li id="New_Zealand"><img alt="New Zealand" src="/images/flag/new_zealand.png" height="25" width="40">&nbsp;&nbsp;
                            <a target="_self" href="http://nz.ofxltd.com">New Zealand</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>

    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 50px; position: absolute; top: 317px; left: 720px;">
        <a href="http://cn.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-china" style="padding: 10px">China</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 85px; position: absolute; top: 341px; left: 740px;">
        <a href="http://au.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-hongkong" style="padding: 10px">Hong Kong</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 50px; position: absolute; top: 349px; left: 666px;">
        <a href="http://ph.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-india" style="padding: 10px">India</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 70px; position: absolute; top: 415px; left: 743px;">
        <a href="http://id.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-indonesia" style="padding: 10px">Indonesia</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 50px; position: absolute; top: 288px; left: 830px;">
        <a href="http://th.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-japan" style="padding: 10px">Japan</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 50px; position: absolute; top: 296px; left: 776px;">
        <a href="http://sg.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-korea" style="padding: 10px">Korea</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 65px; position: absolute; top: 384px; left: 740px;">
        <a href="http://my.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-malaysia" style="padding: 10px">Malaysia</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 115px; position: absolute; top: 240px; left: 454px;">
        <a href="http://nz.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-united_kingdom" style="padding: 10px">United Kingdom</span>
        </a>
    </div>
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 65px; position: absolute; top: 362px; left: 729px;">
        <a href="http://vn.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-vietnam" style="padding: 10px">Vietnam</span>
        </a>
    </div>
    <div id="dragID" class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" style="width: 95px; position: absolute; top: 511px; left: 907px;">
        <a href="http://nz.ofxltd.com" class="ui-dialog-titlebar-close ui-corner-all" role="button">
            <span class="ui-dialog-title" id="ui-dialog-title-new_zealand" style="padding: 10px">New Zealand</span>
        </a>
    </div>
</div>

</body>
</html>